<template>
	<div class="permissions">
		<h1>PermissionsPage</h1>
	</div>
</template>

<script lang="ts" setup>
import { defineComponent, computed } from "vue";
import { useStore } from "@/store";

const store = useStore();

const userPermissions = computed<string[]>(() => store.getters["user/permissions"]);

function changePermission(item: string) {
	store.dispatch("user/SET_PERMISSIONS", item);
	window.$message.success("Switch Permissions Success");
}

function refersh() {
	window.location.reload();
}
</script>

<style lang="scss" scoped>
.item {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	& > span {
		margin-left: 20px;
	}
}
.col-item {
	display: flex;
	align-items: center;
}
.alert {
	width: 350px;
	p,
	span {
		font-size: 15px !important;
	}
}
</style>
